// 背景图片
body {
  background-image: url('../images/bg@2x\ 3.png');
}

.active {
  background-image: url('../images/矩形_1@2x\ 2.png') !important;
}

// 底部图片
.footer {
  position: fixed;
  top: 50.7188vw;
  left: 14.5833vw;
  width: 70.7813vw;
  height: 11.0417vw;
}

// 主体内容
.main {
  display: flex;
  justify-content: space-between;
  padding: 0.7292vw 1.25vw 0;

  // 通用容器
  .box {
    width: 21.1458vw;
    height: 15.625vw;
    margin-bottom: 0.8333vw;

    >div:nth-child(2) {
      height: 13.6458vw;
    }
  }

  .left {
    .box:nth-child(1) {
      .title {
        height: 2.4479vw;
        background: url('../images/标题@2x\ 2.png') 0 0 /cover;
      }
    }
    .box:nth-child(2) {
      .title {
        height: 2.4479vw;
        background: url('../images/编组_3@2x.png') 0 0 /cover;
      }
    }
    .box:nth-child(3) {
      .title {
        height: 2.4479vw;
        background: url('../images/编组_4@2x.png') 0 0 /cover;
      }
    }
  }

  .center {
    display: flex;
    justify-content: space-around;
    width: 46.5104vw;
    height: 5.7813vw;
    background: url('../images/背景@2x\ 2.png') 0 0/cover;

    .item {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      width: 9.1146vw;
      font-size: 0.8333vw;
      color: #E0E0E0;
      text-align: center;

      span {
        color: #F7B12A;
        font-size: 1.6667vw;
        font-family: DIN Alternate, DIN Alternate-Bold;
      }
    }
  }

  .right {
    .box:nth-child(1) {
      .title {
        height: 2.4479vw;
        background: url('../images/编组@2x\ 2.png') 0 0 /cover;
      }
    }
    .box:nth-child(2) {
      .title {
        height: 2.4479vw;
        background: url('../images/编组_1@2x\ 2.png') 0 0 /cover;
      }
    }
    .box:nth-child(3) {
      .title {
        height: 2.4479vw;
        background: url('../images/编组_2@2x.png') 0 0 /cover;
      }
    }
  }

  .box1 {
    position: relative;
    top: -1.5625vw;

    .select {
      position: absolute;
      width: 6.0417vw;
      height: 1.3542vw;
      left: 14.2708vw;
      top: -0.5208vw;
      background: transparent;
      color: #ccc;
      font-size: 0.7292vw;
      outline: none;
    }

    .content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: absolute;
      left: 0.7813vw;
      bottom: 1.0417vw;
      width: 19.5833vw;
      height: 9.1667vw;

      >div {
        display: flex;
        height: 2.3438vw;
        font-size: 0.7292vw;
        color: #fff;

        img {
          width: 2.8125vw;
          height: 2.3438vw;
        }

        .row {
          position: relative;
          display: flex;
          align-items: center;
          flex: 1;
          justify-content: space-between;

          &::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0.3646vw;
            height: 0.0521vw;
            width: 100%;
            background-color: #0EA0B0;
          }

          span {
            color: #00E6FF;
            font-size: 1.25vw;
            font-family: DIN Alternate, DIN Alternate-Bold;
          }
        }
      }
    }
  }
}